<template>
  <div id="app">
    <tab></tab>
    <keep-alive exclude="Authorize,Article,testRule,test,TestResult,FmPlayer" >
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
  import Tab from 'components/tab/tab'

  export default {
    name: 'App',
    components: {
      Tab
    },
  }
</script>

<style>

  html {
    margin: 0;
    padding: 0;
    height: 100vh;
    box-sizing: border-box;
  }

  body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-color: #f5f4f7;
    font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'

  }

  * {
    box-sizing: inherit;

  &
  :before,

  &
  :after {
    box-sizing: inherit;
  }

  }
  img {
    width: 100%;
    height: auto;
    vertical-align: top;
    content: normal !important;
  }

  [aspectratio] {
    position: relative;
  }

  [aspectratio]::before {
    content: '';
    display: block;
    width: 1px;
    margin-left: -1px;
    height: 0;
  }

  [aspectratio-content] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  [flexContainer] {
    display: flex;
    width: 750px;
  }

  .block {
    margin-top: 15px;
  }

  ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }

  figure {
    display: block;
    margin: 0;
  }
  .slide img{
    width: 750px;
    height: 300px;
  }

  /*  .slide-enter-active, .slide-leave-active {
      transition: all 0.3s
    }

    .slide-enter, .slide-leave-to {
      transform: translate3d(100%, 0, 0)
    }*/

  /*.child-view {*/
  /*position: absolute;*/
  /*width:100%;*/
  /*transition: all .8s cubic-bezier(.55,0,.1,1);*/
  /*}*/
  /*.slide-left-enter, .slide-right-leave-active {*/
  /*opacity: 0;*/
  /*-webkit-transform: translate(50px, 0);*/
  /*transform: translate(50px, 0);*/
  /*}*/
  /*.slide-left-leave-active, .slide-right-enter {*/
  /*opacity: 0;*/
  /*-webkit-transform: translate(-50px, 0);*/
  /*transform: translate(-50px, 0);*/
  /*}*/

</style>
